<!DOCTYPE html>
<html lang="es">
  
  <head>
    <meta charset="utf-8">
    <title>
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Ivan" >
	 <!-- <link rel="stylesheet" href="bootstrap.min.css">-->
 <link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!--<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>-->

   

   
  
	<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
	 <link rel="stylesheet" href="animate.css">
	     <link href="bootstrap2.css" rel="stylesheet">
     <link href="bootstrap.min.css" rel="stylesheet">
  </head>
  
  
  
  <body>



	
	<div class="modal fade tiempo1 " tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog ">
    <div class="modal-content ">
    
<div class="panel panel-primary">
        <div class="panel-heading">
          <h3 class="panel-title">
Diseño
          </h3>
        </div>
        <div class="panel-body">
          <img src="" class="img-rounded img-responsive" >
        </div>
      </div>
    


    </div>
  </div>
</div>







<div class="modal fade tiempo2" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content img-responsive">
    
<div class="panel panel-primary">
        <div class="panel-heading">
          <h3 class="panel-title">
Arroz perla
          </h3>
        </div>
        <div class="panel-body">
          <img src="http://www.tierranix.com/sites/default/files/DSC02047.jpg" class="img-circle" width="70%">
        </div>
      </div>
    
<div class="panel panel-primary">
        <div class="panel-heading">
          <h3 class="panel-title">
			Spagueti
          </h3>
        </div>
        <div class="panel-body">
<img src="http://kimerex.com/wp-content/uploads/2010/08/spaguetti.jpg" class="img-rounded" width="100%" >
        </div>
      </div>

    </div>
  </div>
</div>




<div class="modal fade tiempo3" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content img-responsive">
    
<div class="panel panel-primary">
        <div class="panel-heading">
          <h3 class="panel-title">
Arrachera en salsa verde
          </h3>
        </div>
        <div class="panel-body">
          <img src="http://3.bp.blogspot.com/-vhhC5JEE1LY/UdsJSsaohEI/AAAAAAAAAY0/tkfoLMNEgzQ/s1600/comida+arrachera+con+nopal.JPG" class="img-circle" width="70%">
        </div>
      </div>
    
<div class="panel panel-primary">
        <div class="panel-heading">
          <h3 class="panel-title">
				Sopa de camarón
          </h3>
        </div>
        <div class="panel-body">
<img src="http://kena.com/images/sections/18-sopa-de-camar-n.jpg" class="img-rounded" width="100%" >
        </div>
      </div>

    </div>
  </div>
</div>














    <div class="container-fluid">
      <div style="display: block;" class="col-md4">
      </div>
      <br>
      <div class="row">
        <div class="col-md-4">
       
          <ul class="list-group">
            <li class="list-group-item panel panel-primary" style="background: white;">
              
              <img src="logo.png" class="img-responsive" width="250px">

              
            </li>
          </ul>
        </div>
        <div class="col-md-8">
          <ul class="list-group">
          </ul>
          <div class="panel panel-primary">
            <div class="panel-heading">
              <div class="text-center" id="logo">
                Razor
                   <div class=" panel-body table-responsive" id="logo_footer">
				Robot Designers
             
            </div>
              </div>
            </div>
         
          </div>
        </div>
      </div>
      <hr>
	  <div class="row ">
        <div class="col-md-4">
			<ul class="nav nav-pills nav-stacked  ">
				<li data-url="inicio.html" class="active">
					<a class="inicio>
					<span class="glyphicon glyphicon-home pull-right"></span>Inicio
					</a>
				</li>
				<li data-url="asesoria.html" >
					<a class="asesoria">
					<span class="glyphicon glyphicon-earphone pull-right"></span>Asesoría técnica
					</a>
				</li>
				<li data-url="impresion.html" >
					<a class="impresion">
					<span class="glyphicon glyphicon-print pull-right"></span>Impresiones 3D
					</a>
				</li>
				<li data-url="solid.html" >
					<a class="solid">
					<span class="glyphicon glyphicon-pencil pull-right"></span>Diseño SolidWorks®
					</a>
				</li>
				<li data-url="acabados.html" >
					<a class="acabados">
					<span class="glyphicon glyphicon-eye-open pull-right"></span>Acabados
					</a>
				</li>
				<li data-url="piezas.html" >
					<a class="piezas">
					<span class="glyphicon glyphicon-cog pull-right"></span>Piezas Móviles
					</a>
				</li>
				<li data-url="estimacion.html" >
					<a class="estimacion">
					<h3><span class="glyphicon glyphicon-shopping-cart pull-right"></span>Estimación de costos</h3>
					</a>
				</li>
		
			</ul>
	    </div>
      <hr>
		<div id="contenido" class="col-md-8">
		
		</div>
	  </div>
	  
      <hr>
	  <!--
      <div class="panel panel-primary">
        <div class="panel-heading">
          <h3 class="panel-title text-center">
            A la carta
            <br>
          </h3>
        </div>
        <div class="panel-body text-center">
          <ul class="list-group">
            <li class="list-group-item">
              <div class="row">
                <div class="col-md-9 text-center">
                  Chuleta marinada
                </div>
                <div class="col-md-3 text-center">
                  $ 60
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-md-9 text-center">
                  Pozole de cerdo
                  <br>
                </div>
                <div class="col-md-3 text-center">
                  $ 55
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-md-9 text-center">
                  Corteza de cerdo en salsa esmeralda
                  <br>
                </div>
                <div class="col-md-3 text-center">
                  $ 68
                </div>
              </div>
            </li>
          </ul>
          <small>
            <i>Agua y postre incluido
    </i>
          </small>
        </div>
      </div>-->
      <div class="panel panel-primary">
        <div class="panel-heading">
        <a name="mapa"></a>
          <h3 class="panel-title">
            ¿Dónde nos encontramos?
            <br>
          </h3>
        </div>
        <div class="panel-body">
          En:
          <br>
          <br>
          <div class="row-fluid">
            
            <div class="col-md-9 panel panel-primary">
          <!--     <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3762.482836274027!2d-99.1360406!3d19.434738700000004!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1f92d3fd92f49%3A0x18bec775a23cf871!2sIsabel+la+Cat%C3%B3lica+10%2C+Centro%2C+06600+Ciudad+de+M%C3%A9xico%2C+D.F.!5e0!3m2!1ses!2smx!4v1408430919312"
              style="border:0" frameborder="0" height="350" width="100%">
              </iframe> -->
            </div>
            <div class="col-md-3">
              <h2>
                Razor<h5>Robot designs</h5>
              </h2>
              <address>
                <strong>AV IPN</strong>
                <br>
                15 DF, Colonia Centro
                <br>
                Segundo piso
                <br>
                Mexico
                <br>
                <abbr title="Teléfono">
                  Tel:
                </abbr>
                55 11 49 85 34
              </address>
            </div>
            </div>
            </div>
          </div>
          <script  src="jquery.min.js">
          </script>
          <script  src="bootstrap.min.js">
          </script>
        </div>
    
    <script >$(document).ready(function() {	
	
	
      $('.smooth').click(function() { var $target = $(this.hash);
      $target = $target.length? $target : $('[name=' + this.hash.slice(1) +']');
      if ($target.length) { 
      var targetOffset = $target.offset().top; $('html,body').animate({scrollTop:targetOffset}, 1800); return false; } });
	 
$('#logo_footer').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
	  $.get('inicio.html', function( data ) {
					$( "#contenido" ).replaceWith( data );
				});
});		 

	  
	  $('#logo_footer').addClass('animated rubberBand');
	  $('#logo').addClass('animated swing');

	 $('.nav-pills li a').click(function(){
		var url=$(this).parent().data().url;
		event.preventDefault();
		$('.nav-pills li').removeClass();
			$(this).parent().addClass("active");
				$.get(url, function( data ) {
					$( "#contenido" ).replaceWith( data );
				});
	});
	  
	
	  
   }); </script>
  </body>

</html>